/*reset*/
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video{ margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video{display:block;}
body{ font-size:100%; font-family:Helvetica,STHeiti,Droid Sans Fallback; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(0,0,0,0); color:#000; font-size:17px;}
textarea{resize:none;}
iframe,img{border:0;}
ul,ol{list-style:none;}
input,select,textarea{outline:0;-webkit-user-modify:read-write-plaintext-only;}
input{-webkit-appearance:none;}
a{text-decoration:none; color:#000;}
h1,h2,h3,h4{font-weight:100;}
img{ display:block;}
.clearfix:after{ content:"\200B"; display:block; height:0; clear:both;} 
.clearfix {*zoom:1;}/*IE/7/6*/ 

* {
  color: #333;
}

body {
  background: #f2f2f2;
}

.banner {
  height: 195px;
  .swiper-container {
    height: 100%;
    img {
      width: 100%;
      height: 100%;
    }
    p {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      min-height: 38px;
      line-height: 22px;
      padding: 30px 13px 16px 13px;
      box-sizing: border-box;
      font-size: 17px;
      font-weight: normal;
      font-family: "PingFangSC-Medium","Source Han Sans CN",sans-serif;
      text-align: left;
      background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
      color: #FFF;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
      word-break: normal;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      word-wrap: break-word;
      word-break: break-all;
      a {
        color: #fff;
      }
    }
  }
}

// 搜索栏
.con-wrap {
  display: flex;
  padding: 10px;
  background: #fff;
  border-bottom: 1px solid #e2e2e2;
  .se-input {
    overflow: hidden;
    height: 38px;
    margin: 0;
    padding: 7px 0 7px 6px;
    font: 16px arial;
    border: 1px solid #b8b8b8;
    border-bottom: 1px solid #ccc;
    border-right: 0;
    vertical-align: top;
    outline: none;
    box-shadow: none;
    flex-grow: 1;
  }
  .se-btn {
    cursor: pointer;
    width: 102px;
    height: 38px;
    line-height: 38px;
    padding: 0;
    border: 0;
    background: none;
    background-color: #38f;
    font-size: 16px;
    color: white;
    box-shadow: none;
    font-weight: normal;
  }
}

// tab标签页头
.tab-head {
  overflow: hidden;
  background: #fff;
  position: relative;
  .tab {
    float: left;
    width: 33.33333%;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: #666;
    font-size: 16px;
    height: 40px;
    line-height: 38px;
    vertical-align: top;
    text-align: center;
    font-family: "PingFangSC-Regular","Source Han Sans CN",sans-serif;
  }
  .tab-sel {
    color: #498BF8;
    background-image: url('data:image/svg+xml;utf8,<svg width="10" height="2" xmlns="http://www.w3.org/2000/svg"><rect fill="%23498BF8" fill-rule="nonzero" width="10" height="2" rx="1"/></svg>');
    background-position: center 32px;
    background-repeat: no-repeat;
    font-family: "PingFangSC-Medium","Source Han Sans CN",sans-serif;
  }
  &::after{
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.5, transparent), color-stop(.5, #e5e5e5), to(#e5e5e5)) left top repeat-x;
  }
}

.tab-body {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  top: 294px;
  padding-top: 10px;
  background: #f2f2f2;
  .swiper-container,
  .swiper-wrapper,
  .swiper-slide,
  .cells {
    height: 100%;
  }
}

.cells {
  width: 94%;
  padding: 0 3%;
  overflow: auto;
  background: #fff;
  .cell {
    text-decoration: none;
    display: flex;
    color: #333;
    font-size: 16px;
    border-bottom: 1px solid #e0e0e0;
    background-size: 100% 1px;
    padding: 13px 0 7px;
    &:last-child {
      border-bottom: none;
    }
    .cell__hd {
      img {
        width: 110px;
        height: 69px;
      }
    }
    .cell__bd {
      height: 52px;
      line-height: 26px;
      overflow: hidden;
    }
  }
}